<template>
  <div class="nabar">
    <router-link  tag="i" to="/" class="iconfont back">&#xe682;</router-link>
    <p class="title">知音号游船</p>
  </div>
</template>
<script>
export default {
  name: "DetailNabar"
};
</script>
<style lang="scss" scoped>
.nabar {
  width: 100%;
  height: 100px;
  background-color: skyblue;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.back{
    position: absolute;
    left: 0;
    color: white;
    font-size: 35px !important ;
}
.title{
    font-size: 40px;
    color: white;
}
</style>

